/*
 * 1. toolbar 생성.
 * 2. 툴바에 아이템으로 기본 요소인 button 생성.
 *          iconMask = 마스크 추가로 아이콘 보이도록 하기.
 */
Ext.setup({
	tabletStartupScreen : "./tabletStartupScreen.png",
	phoneStartupScreen : "./phoneStartupScreen.png",
	tabletIcon : "./tabletIcon.png",
	phoneIcon : "./phoneIcon.png",
	glossOnIcon : true,
	statusBarStyle : "black",
	fullscreen : true,
	preloadImages : [],
	scope : this,
	onReady : function() {
		new Ext.TabPanel({
			fullscreen : true,
			scroll : "vertical",
			useIndicators:true,
			title : "Tabpanel test",
			dockedItems : [ {
				xtype : 'toolbar',
				ui : 'light',
				dock : 'top',
				title : "Icon Test"
			}, {
				xtype : 'toolbar',
				ui : 'light',
				dock : 'top',
				defaults : {
					iconMask : true,
					ui : 'plain',
					handler : function(b, e) {
						Ext.Msg.alert('Title', '선택된 아이콘.' + b.iconCls,
								Ext.emptyFn);
					}
				},
				scroll : {
					direction : 'horizontal',
					// 스크롤 바가 나오지 않도록 하되 스크롤은 된다(가로 스크롤)
					useIndicators : false
				},
				layout : {
					pack : 'center'
				},
				items : [ {
					iconCls : 'action',
					ui : "normal"
				}, {
					iconCls : 'add'
				}, {
					iconCls : 'arrow_up',
					ui : "action"
				}, {
					iconCls : 'arrow_right'
				}, {
					iconCls : 'arrow_down'
				}, {
					iconCls : 'arrow_left',
					ui : "round"
				}, {
					iconCls : 'compose'
				}, {
					iconCls : 'delete'
				}, {
					iconCls : 'refresh'
				}, {
					iconCls : 'reply'
				}, {
					iconCls : 'search'
				}, {
					iconCls : 'star'
				}, {
					iconCls : 'home'
				}, {
					iconCls : 'locate'
				}, {
					iconCls : 'maps'
				}, {
					iconCls : 'trash'
				} ]
			} ]
		})
	}
});